<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>By 裴鸿宇</title>
<style type="text/css">
body {
    margin:0px;
}

a{
	text-decoration: none;
}
a:HOVER{
	text-decoration: underline;
}
.top-area{
	margin-top:10px;
	width:990px;
	height:40px;
	border:1px solid #D3D3D3;
	background-color:#00FFFF;
}
/*--------*/
.main-area{
	overflow:hidden;
	margin-top:10px;
	width:990px;
	height:auto;
	border:1px solid #D3D3D3;
}
.main{
	margin-top:10px;
	margin-bottom:10px;
	width:800px;
	height:auto;
	border:1px solid #D3D3D3;
}
.question_font{
	margin-top:15px;
	margin-left:10px;
	width:785px;
	font-size:25px;
	font-weight:bold;
	text-align:left;
	color:#FF99CC;
}
.question{
	margin-top:30px;
	margin-bottom:10px;
	width:650px;
	height:50px;
	border-width:0px 0px 1px 0px;
	border-style:dotted;
	border-color:#99CCFF;
}
.question_hyperlink{
	margin-top:2px;
	float:left;
	width:390px;
	height:20px;
	overflow:hidden;
	text-align:left;
}
.solve{
	float:left;
	margin-left:55px;
}
.solve_button{
	cursor:pointer;
	background-color:#B0E2FF;
	color:#FFFFFF;
	border:0px;
}
.question_face{
	float:left;
	font-size:12px;
	overflow:hidden;
	text-align:left;
	width:110px;
	height:48px;
}
.face{
	width:40px;
	height:44px;
	border:1px solid #90EE90;
}
.left{
	float:left;
	margin-left:20px;
}
.time{
	margin-left:5px;
	margin-top:10px;
	float:left;
	font-size:13px;
	color:#999999;
}
/*--------*/
.last-area{
	width:620px;
	height:90px;
	margin-top:20px;
	border:1px solid #D3D3D3;
}
/*--------*/
.clear_{
	clear:both;
}
</style>
</head>
<body>
	<center>
		<div class="top-area"></div>
		
		<div class="main-area">
			<div class="main">
				<div class="question_font">问&nbsp;题&nbsp;区>></div>
				<br/>
				<br/>
				<br/>
				<div class="question">
					<div class="question_face"><img src="<%=request.getContextPath()%>/fileRedirect.action?toPage=stu/img/face/face1.jpg" class="face">犀利哥</div>
					<div class="left">
						<div id="question_hyperlink1" class="question_hyperlink"><a href="####">java怎么安装eclipse？？？</a></div>
						<div class="solve"><input type="button" value="帮TA解决" title="回答问题" class="solve_button" onmouseover="this.style.backgroundColor='#C0FF3E'" onmouseout="this.style.backgroundColor='#B0E2FF'" onclick="lock(1);"></div>
						<div class="clear_"></div>
						<div class="time">2013-9-27&nbsp;&nbsp;11:10:51</div>
					</div>
				</div>
				<div class="question">
					<div class="question_face"><img src="<%=request.getContextPath()%>/fileRedirect.action?toPage=stu/img/face/face2.jpg" class="face">犀利弟</div>
					<div class="left">
						<div id="question_hyperlink2" class="question_hyperlink"><a href="####">css怎么加进去？</a></div>
						<div class="solve"><input type="button" value="帮TA解决" title="回答问题" class="solve_button" onmouseover="this.style.backgroundColor='#C0FF3E'" onmouseout="this.style.backgroundColor='#B0E2FF'" onclick="lock(2);"></div>
						<div class="clear_"></div>
						<div class="time">2013-9-27&nbsp;&nbsp;09:10:50</div>
					</div>
				</div>
				<div class="question">
					<div class="question_face"><img src="<%=request.getContextPath()%>/fileRedirect.action?toPage=stu/img/face/face3.jpg" class="face">xiao帅</div>
					<div class="left">
						<div id="question_hyperlink3" class="question_hyperlink"><a href="####">怎么去查看网页源代码？</a></div>
						<div class="solve"><input type="button" value="帮TA解决" title="回答问题" class="solve_button" onmouseover="this.style.backgroundColor='#C0FF3E'" onmouseout="this.style.backgroundColor='#B0E2FF'" onclick="lock(3);"></div>
						<div class="clear_"></div>
						<div class="time">2013-9-27&nbsp;&nbsp;14:10:55</div>
					</div>
				</div>
				<div class="question">
					<div class="question_face"><img src="<%=request.getContextPath()%>/fileRedirect.action?toPage=stu/img/face/face4.jpg" class="face">美眉</div>
					<div class="left">
						<div id="question_hyperlink4" class="question_hyperlink"><a href="####">java怎么配置环境？</a></div>
						<div class="solve"><input type="button" value="帮TA解决" title="回答问题" class="solve_button" onmouseover="this.style.backgroundColor='#C0FF3E'" onmouseout="this.style.backgroundColor='#B0E2FF'" onclick="lock(4);"></div>
						<div class="clear_"></div>
						<div class="time">2013-9-27&nbsp;&nbsp;20:09:20</div>
					</div>
				</div>
				<div class="question">
					<div class="question_face"><img src="<%=request.getContextPath()%>/fileRedirect.action?toPage=stu/img/face/face6.jpg" class="face">乖乖女</div>
					<div class="left">
						<div id="question_hyperlink5" class="question_hyperlink"><a href="####">刚去修电脑的地方换了个500G硬盘，花了400元，合适吗，没有被宰吧！</a></div>
						<div class="solve"><input type="button" value="帮TA解决" title="回答问题" class="solve_button" onmouseover="this.style.backgroundColor='#C0FF3E'" onmouseout="this.style.backgroundColor='#B0E2FF'" onclick="lock(5);"></div>
						<div class="clear_"></div>
						<div class="time">2013-9-27&nbsp;&nbsp;08:08:08</div>
					</div>
				</div>
	
			</div>
		</div>
		
		<div class="last-area"></div>
	</center>
</body>
</html>
<script type="text/javascript">

//实现锁屏效果
 function lock(n){ 
   var msgw,msgh,bordercolor; 
   msgw=550;//Width
   msgh=265;//Height 
   titleheight=25 //title Height;
   bordercolor="#336699";//boder color
   titlecolor="#99CCFF";//title color
   
   var sWidth,sHeight; 
   sWidth=document.body.offsetWidth; 
   sHeight=screen.height; 
   
   var bgObj=document.createElement("div"); 
   bgObj.setAttribute('id','bgDiv'); 
   bgObj.style.position="fixed"; 
   bgObj.style.top="0"; 
   bgObj.style.background="#777"; 
   bgObj.style.filter="progid:DXImageTransform.Microsoft.Alpha(style=3,opacity=25,finishOpacity=75"; 
   bgObj.style.opacity="0.6"; 
   bgObj.style.left="0"; 
   bgObj.style.width=sWidth + "px"; 
   bgObj.style.height=sHeight + "px"; 
   bgObj.style.zIndex = "10000"; 
   document.body.appendChild(bgObj); 
   
   var msgObj=document.createElement("div") 
   msgObj.setAttribute("id","msgDiv"); 
   msgObj.setAttribute("align","center"); 
   msgObj.style.background="white"; 
   msgObj.style.border="1px solid " + bordercolor; 
   msgObj.style.position = "fixed"; 
   msgObj.style.left = "50%"; 
   msgObj.style.top = "50%"; 
   msgObj.style.font="12px/1.6em Verdana, Geneva, Arial, Helvetica, sans-serif"; 
   msgObj.style.marginLeft = "-225px" ; 
   msgObj.style.marginTop = -75+document.documentElement.scrollTop+"px"; 
   msgObj.style.width = msgw + "px"; 
   msgObj.style.height =msgh + "px"; 
   msgObj.style.textAlign = "center"; 
   msgObj.style.lineHeight ="25px"; 
   msgObj.style.zIndex = "10001"; 
   
   var title=document.createElement("h4"); 
   title.setAttribute("id","msgTitle"); 
   title.setAttribute("align","right"); 
   title.style.margin="0"; 
   title.style.padding="3px"; 
   title.style.background=bordercolor; 
   title.style.filter="progid:DXImageTransform.Microsoft.Alpha(startX=20, startY=20, finishX=100, finishY=100,style=1,opacity=75,finishOpacity=100);"; 
   title.style.opacity="0.75"; 
   title.style.border="1px solid " + bordercolor; 
   title.style.height="18px"; 
   title.style.font="12px Verdana, Geneva, Arial, Helvetica, sans-serif"; 
   title.style.color="white"; 
   title.style.cursor="pointer"; 
   title.innerHTML="关闭窗口"; 
   title.onclick=function(){ 
          document.body.removeChild(bgObj); 
          document.getElementById("msgDiv").removeChild(title); 
          document.body.removeChild(msgObj); 
        } 
   document.body.appendChild(msgObj); 
   document.getElementById("msgDiv").appendChild(title); 
   var txt=document.createElement("p"); 
   txt.style.margin="1em 0" 
   txt.style.fontSize="18px";
   txt.setAttribute("id","msgTxt"); 
   txt.innerHTML=document.getElementById("question_hyperlink"+n).innerHTML; 
   document.getElementById("msgDiv").appendChild(txt); 
   
   var txtarea = document.createElement("textarea");
   txtarea.style.width="450px";
   txtarea.style.height="100px";
   document.getElementById("msgDiv").appendChild(txtarea);
   
   document.getElementById("msgDiv").appendChild(document.createElement("br"));
   
   var sbt = document.createElement("input");
   sbt.type="submit";
   sbt.value="解决";
   sbt.style.float="right";
   sbt.style.cursor="pointer";
   sbt.style.marginRight="45px";
   sbt.style.color="#FF8C00";
   sbt.onclick=function(){ 
       document.body.removeChild(bgObj); 
       document.getElementById("msgDiv").removeChild(title); 
       document.body.removeChild(msgObj); 
     } 
   document.getElementById("msgDiv").appendChild(sbt);
} 
</script>